<template>
<div class="">
     <div class="platform">
                <div class="platform-container">
                    <div class="platform-item">
                        <div class="platform-item-icon">
                            <img src="@/assets/image/index/platform-icon1.png" alt="">
                        </div>
                        <div class="platform-item-text">
                            <p>成品涂料销售代工平台</p>
                            <p>Finished coating sales OEM platform</p>
                        </div>
                    </div>
                    <div class="platform-item">
                        <div class="platform-item-icon">
                             <img src="@/assets/image/index/platform-icon2.png" alt="">
                        </div>
                        <div class="platform-item-text">
                            <p>成品涂料销售代工平台</p>
                            <p>Finished coating sales OEM platform</p>
                        </div>
                    </div>
                    <div class="platform-item">
                        <div class="platform-item-icon">
                             <img src="@/assets/image/index/platform-icon3.png" alt="">
                        </div>
                        <div class="platform-item-text">
                            <p>成品涂料销售代工平台</p>
                            <p>Finished coating sales OEM platform</p>
                        </div>
                    </div>
                    <div class="platform-item">
                        <div class="platform-item-icon">
                             <img src="@/assets/image/index/platform-icon4.png" alt="">
                        </div>
                        <div class="platform-item-text">
                            <p>成品涂料销售代工平台</p>
                            <p>Finished coating sales OEM platform</p>
                        </div>
                    </div>
                    <div class="platform-item">
                        <div class="platform-item-icon">
                             <img src="@/assets/image/index/platform-icon5.png" alt="">
                        </div>
                        <div class="platform-item-text">
                            <p>成品涂料销售代工平台</p>
                            <p>Finished coating sales OEM platform</p>
                        </div>
                    </div>
                </div>
                <img src="@/assets/image/index/arrow.png" class="platform-icon-arrow" alt="">
            </div>
</div>
  
</template>

<script>
export default {
   name: 'platform',
   data() {
       return {}
   },
  components: {}
}
</script>

<style scoped lang="less">
 .platform{
      background-color: #406DFA;
      position: relative;
      width: 7.5rem;
      height:8.15rem;
      overflow: hidden;
  }
  .platform-container{
      margin-top: 0.55rem;
      height: 6.5rem;
      width: 5.6rem;
      display: flex;
      flex-direction:column;
      margin-left: 0.7rem;
    
    .platform-item{
      flex: 1;
      font-size: 0.14rem;
      color: #E6EDF4;
     
      position: relative;
     
  }
  .platform-item-icon{
      position: absolute;
      left: 0.02rem;
      top: 50%;
      transform: translateY(-50%);
      img{
          width: 0.8rem;
          height: 0.8rem;
      }
  }
  .platform-item-text{
      position: absolute;
    top: 50%;
    transform: translateY(-50%);
     margin-left: 1rem;
  }
  }
 .platform-icon-arrow{
       position: absolute;
      left: 3.2rem;
       bottom: 0.5rem;
       width: 1.4rem;
       height: 0.3rem;
   }
</style>
